<template>
	<view class="detailsBox">
	
		<!-- 详情区 -->
		<view class="detailsContent">
			<view class="detislNa">
				<view class="na">
					姓名：
				</view>
				<view class="naC">
					陈诚
				</view>
			</view>
			<view class="detislNa">
				<view class="na">
					性别：
				</view>
				<view class="naC">
					男
				</view>
			</view>
			<view class="detislNa">
				<view class="na">
					年纪：
				</view>
				<view class="naC">
					45岁
				</view>
			</view>
			<view class="detislNa">
				<view class="na">
					电话：
				</view>
				<view class="naC">
					15832641126
				</view>
			</view>
			<view class="detislNa">
				<view class="na">
					预算：
				</view>
				<view class="naC">
					12000元
				</view>
			</view>
			<view class="detislNaa">
				<view class="na">
					意向车型：
				</view>
				<view class="naC">
					长安汽车
				</view>
			</view>
			<view class="detislNa">
				<view class="na">
					颜色：
				</view>
				<view class="naC">
					白色
				</view>
			</view>
			<view class="detislNa">
				<view class="na">
					用途：
				</view>
				<view class="naC">
					家用
				</view>
			</view>
			<view class="detislNa">
				<view class="na">
					时间：
				</view>
				<view class="naC">
					2021-11-25
				</view>
			</view>
			<view class="detislNa">
				<view class="na">
					备注：
				</view>
				<view class="naC">
					80%成交率
				</view>
			</view>
		
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
			};
		},
		onLoad() {
			
		},
		onShow() {
			
		},
		methods:{
			
		}
	}
</script>

<style lang="scss">
	page{
		background-color: #FFFFFF;
	}
.detailsBox{
	width: 100%;
	box-sizing: border-box;
	padding-bottom: 40rpx;
	overflow: hidden;
	.detailsNav{
		width: 100%;
		display: flex;
		justify-content: space-between;
		height: 120rpx;
		
		.staBox{
			width: 120rpx;
			height: 50rpx;
			background: #F69518;
			border-radius: 0rpx 25rpx 0rpx 25rpx;
			font-size: 28rpx;
			font-family: PingFang SC;
			font-weight: 500;
			color: #F5F5F5;
			line-height: 50rpx;
			text-align: center;
			margin: 35rpx 0 0 40rpx;
		}
		.staBoxa{
			width: 120rpx;
			height: 50rpx;
			background: #1855F6;
			border-radius: 0rpx 25rpx 0rpx 25rpx;
			font-size: 28rpx;
			font-family: PingFang SC;
			font-weight: 500;
			color: #F5F5F5;
			line-height: 50rpx;
			text-align: center;
			margin: 35rpx 0 0 40rpx;
		}
		.staBoxb{
			width: 120rpx;
			height: 50rpx;
			background: #f61861;
			border-radius: 0rpx 25rpx 0rpx 25rpx;
			font-size: 28rpx;
			font-family: PingFang SC;
			font-weight: 500;
			color: #F5F5F5;
			line-height: 50rpx;
			text-align: center;
			margin: 35rpx 0 0 40rpx;
		}
		.modifyImg{
			width: 48rpx;
			height: 48rpx;
			margin-right: 40rpx;
			margin-top: 36rpx;
		}
	}
	.detailsContent{
		width: 100%;
		overflow: hidden;
		.detislNa{
			display: flex;
			margin-top: 60rpx;
			.na{
				font-size: 36rpx;
				font-family: PingFang SC;
				font-weight: 500;
				color: #303133;
				margin-left: 40rpx;
			}
			.naC{
				font-size: 36rpx;
				font-family: PingFang SC;
				font-weight: 500;
				color: #303133;
				margin-left: 186rpx;
			}
		}
		.detislNaa{
			display: flex;
			margin-top: 60rpx;
			.na{
				font-size: 36rpx;
				font-family: PingFang SC;
				font-weight: 500;
				color: #303133;
				margin-left: 40rpx;
			}
			.naC{
				font-size: 36rpx;
				font-family: PingFang SC;
				font-weight: 500;
				color: #303133;
				margin-left: 113rpx;
			}
		}
	}
}
</style>
